<template>
  <MyHeader/>
  <div class="leave-container">
    <CarouselVue/>
    <leavesHeader/>
    <leavesBody/>
  
    <MyBottom/>
</div>
</template>

<script>
import leavesHeader from '../views/leavesModule/LeavesHeader.vue'
import leavesBody from '../views/leavesModule/LeavesBody.vue'

export default {
components: { leavesHeader,leavesBody},
}
</script>

<style scoped>
.leave-container {
  min-height: 150px;
  background-color: #f2f2f2;
  padding: 15px;
}
</style>